﻿<html>
<head>
	<title>Scrolling Content Box</title>
	<style type="text/css">
    	.ScrollBox {height: 100px; width: 200px; overflow: auto;}
    	</style>
</head>
<body>
	<div id="ScrollNavigation">
		<h2>
			Menu</h2>
		<ul>
			<li><a href="#LoremIpsumA">Lorem Ipsum A</a></li>
			<li><a href="#LoremIpsumB">Lorem Ipsum B</a></li>
			<li><a href="#LoremIpsumC">Lorem Ipsum C</a></li>
			<li><a href="#LoremIpsumD">Lorem Ipsum D</a></li>
		</ul>
	</div>
	<div id="ScrollBoxDiv" class="ScrollBox">
		<p id="LoremIpsumA">
			Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		<p id="LoremIpsumB">
			Morbi nec tellus faucibus erat iaculis feugiat.</p>
		<p id="LoremIpsumC">
			Integer scelerisque, felis fringilla iaculis imperdiet.</p>
	</div>
	<div id="BlockContent">
		<h2>
			Bunch of Lorem Ipsum to make the page longer than the size of the window - add you
			own filler</h2>
		<p>
			Lorem ipsum dolor sit amet...</p>
		<p>
			&nbsp;</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			a</p>
		<p>
			&nbsp;</p>
	</div>
</body>
</html>
